<template>
  <div id="app">
    <img src="../static/img/logo.png" alt>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "App"
};
</script>

<style  scoped lang="scss">
// 移动端
@media screen and (max-width: 500px) {
  #app {
    height: 400px;
    width: 100%;
    img {
      width: 50%;
      margin-left: 25%;
      margin-top: 30%;
    }
  }
}
// pc端
@media screen and (min-width: 500px) {
   #app {
    height: 50%;
    width: 100%;
    img {
      width: 40%;
      height: 40%;
      margin-left: 30%;
      margin-top: 3%;
    }
  }
}


</style>



